body {
  background-color: #f2eded;
}
header {
  width: 100%;
  height: 0.9rem;
  background-image: linear-gradient(180deg, #FF6040 0%, #FF8A80 100%);
  box-shadow: 0 2px 6px 0 rgba(255, 149, 128, 0.5);
  padding-top: 0.1rem;
}
header section {
  width: 3.55rem;
  height: 1.04rem;
  margin: 0 auto;
  padding: 0.15rem 0.2rem 0 0.2rem;
  background: #FFFFFF;
  box-shadow: 0 5px 10px 0 rgba(255, 149, 128, 0.1);
  border-radius: 4px;
}
header section p:nth-child(1) {
  color: #333333;
  font-size: 0.18rem;
  font-weight: bold;
}
header section p:nth-child(2) {
  color: #666666;
  font-size: 0.14rem;
  margin-top: 0.1rem;
}
.brand-order {
  width: 100%;
  margin-top: 0.36rem;
  background-color: #fff;
  padding: 0.2rem 0.1rem 0.04rem 0.1rem;
}
.brand-order .first {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.brand-order .first .l .icon-jiarugouwuche {
  color: #FF6040;
  font-size: 0.16rem;
}
.brand-order .first .l span {
  font-size: 0.16rem;
  color: #333333;
}
.brand-order .first .r .bdr-shu {
  color: #333333;
  border-right: 1px solid #cbcbcb;
  padding-right: 0.1rem;
  font-size: 0.12rem;
}
.brand-order .first .r .red-wz {
  padding-left: 0.1rem;
  font-size: 0.12rem;
  color: #FF6040;
}
.brand-order .second {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.brand-order .second img {
  display: block;
  margin-right: 0.16rem;
  width: 1.08rem;
  height: 1.09rem;
}
.brand-order .second .r2 p:nth-child(1) {
  font-size: 0.16rem;
  color: #333333;
}
.brand-order .second .r2 p:nth-child(2) {
  display: flex;
  justify-content: space-between;
  margin-top: 0.05rem;
  margin-bottom: 0.05rem;
}
.brand-order .second .r2 p:nth-child(2) span:nth-child(1) {
  font-size: 0.2rem;
  color: #FF6040;
}
.brand-order .second .r2 p:nth-child(2) span:nth-child(2) {
  font-size: 0.16rem;
  color: #333333;
}
.brand-order .second .r2 .r2-b {
  display: flex;
  color: #fff;
  font-size: 0.12rem;
  transform-origin: left;
  transform: scale(0.83);
}
.brand-order .second .r2 .r2-b .bar1 {
  background-color: #FF8066;
  margin-right: 0.1rem;
  padding: 0.02rem;
  text-align: center;
}
.brand-order .second .r2 .r2-b .bar2 {
  background-color: #FF8066;
  padding: 0.02rem;
  text-align: center;
}
.brand-order .third {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.1rem;
  margin-top: 0.2rem;
}
.brand-order .third .type {
  color: #333333;
  font-size: 0.12rem;
  font-weight: bold;
}
.brand-order .third .third-r span {
  font-size: 0.12rem;
}
.brand-order .third .third-r .icon-icon {
  font-size: 0.12rem;
}
.brand-order .fourth {
  display: flex;
  margin-bottom: 0.1rem;
  justify-content: space-between;
}
.brand-order .fourth span:nth-child(1) {
  color: #333333;
  font-size: 0.12rem;
  font-weight: bold;
}
.brand-order .fourth span:nth-child(2) {
  color: #666666;
  font-size: 0.12rem;
}
.order-detail {
  width: 100%;
  background-color: #fff;
  margin-top: 0.2rem;
  padding: 0.1rem;
}
.order-detail .row1 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.1rem;
}
.order-detail .row1 span:nth-child(1) {
  font-size: 0.12rem;
  color: #333333;
  font-weight: bold;
}
.order-detail .row1 span:nth-child(2) {
  font-size: 0.12rem;
  color: #FF6040;
}
.order-detail .row1 span.grey {
  font-size: 0.12rem;
  color: #666;
}
.nav-fix {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 0.83rem;
  background: #FFFFFF;
  box-shadow: 0 -5px 10px 0 rgba(204, 204, 204, 0.2), 0 0 0 0 #CCCCCC;
}
.nav-fix .inner {
  width: 100%;
  margin: 0 auto;
  height: 0.83rem;
  display: flex;
  background: url(../images/Bars/HomeIndicator/iPhone/LightPortrait3x.png) no-repeat;
  background-size: 1.34rem 0.34rem;
  background-position: center bottom;
  padding-top: 0.1rem;
}
.nav-fix .inner .top {
  width: 100%;
  display: flex;
}
.nav-fix .inner .top a {
  width: 100%;
  height: 100%;
  color: #999999;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav-fix .inner .top a .sum {
  font-size: 0.16rem;
  font-weight: bold;
  color: #333;
  line-height: 0.16rem;
}
.nav-fix .inner .top a .red-big {
  font-size: 0.2rem;
  color: #FF6040;
  line-height: 0.16rem;
}
.nav-fix .inner .top form {
  display: flex;
}
.nav-fix .inner .top form input {
  display: block;
  width: 1.1rem;
  height: 0.49rem;
  padding: 0;
  margin: 0;
  border-radius: 0rem;
  border: none;
  margin-top: -0.1rem;
  font-size: 0.12rem;
}
.nav-fix .inner .top form .input1 {
  background-color: #FFCC66;
  color: #663014;
}
.nav-fix .inner .top form .input2 {
  background-color: #FF6040;
  color: #fff;
}
